<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <link rel="stylesheet" href="css/index.css">
</head>
<script src="js/echarts.min.js"></script>

<body>
    <div class="box">
        <div class="itemtoall mar40">
            <div class="itemtoall_box clearfix textcenter">
                <div class="first_box bgcolor fl">
                    <h3 class="padtb">项目汇总</h3>
                    <div>
                        <p>项目数量</p>
                        <div class="ft">4,000个</div>
                    </div>
                </div>
                <div class="second_box bgcolor fl">
                    <h5 class="padtb ft18">待安装：400个</h5>
                    <div id="main" style="width: 100%;height:220px;"></div>
                </div>
                <div class="three_box bgcolor fl">
                    <h5 class="padtb ft18">收费中：3000个</h5>
                    <div id="charge" style="width: 100%;height:220px;"></div>
                </div>
                <div class="four_box bgcolor fl">
                    <h5 class="padtb ft18">待确认：600个</h5>
                    <div id="confirm" style="width:100%;height:220px;"></div>
                </div>
            </div>
        </div>
        <div class="machinetoall mar15">
            <div class="machine">
                <div class="detail">查看详情</div>
                <h3 class="machine_top ">机器汇总</h3>
                <div class="machine_bottom clearfix">
                    <div class="flnoright width20">
                        <div class="height70">
                            <div class="color999">机器总数</div>
                            <div>
                                <i>4,000</i>台</div>
                        </div>
                        <div class="bortopright textcenter pr">
                            <div id="machine" style="width: 100%;height:300px;"></div>
                            <h4 class="owner">机器归属情况</h4>

                        </div>
                    </div>
                    <div class="flnoright width20">
                        <div class="height70 bgcolorfa borleft">
                            <div class="color999">待安装</div>
                            <div>
                                <i>400</i>台</div>
                        </div>

                        <div class="bortopright">
                            <p>装机在途 (10000)</p>
                            <ul class="machinetoall_one active_height">
                                <li>
                                    新机未收货
                                    <span>| 20</span>
                                </li>
                                <li>
                                    已送达未安装
                                    <span>| 20</span>
                                </li>
                                <li>
                                    装机物流在途
                                    <span>| 16</span>
                                </li>
                            </ul>
                            <p>平台库存 (8000)</p>
                            <ul class="machinetoall_two active_height">
                                <li>
                                    新机待出库
                                    <span>| 10</span>
                                </li>
                                <li>
                                    翻新机待出库
                                    <span>| 60</span>
                                </li>
                                <li>
                                    待翻新
                                    <span>| 60</span>
                                </li>
                            </ul>
                            <p class="three">库存在途 (1000)</p>
                            <ul class="machinetoall_three active_height">
                                <li>
                                    调拨物流在途
                                    <span>| 60</span>
                                </li>

                            </ul>
                        </div>
                    </div>
                    <div class="flnoright width20">
                        <div class="height70 bgcolorfa">
                            <div class="color999">收费中</div>
                            <div>
                                <i>3000</i>台</div>
                        </div>
                        <div class="bortopright">
                            <p>机器收费 (1000)</p>

                            <p class="width175">已安装未收费 (1000)</p>

                            <p class="width130">换机移机 (1000)</p>
                            <ul class="totall_money active_height">
                                <li>
                                    新机未收费
                                    <span>| 20</span>
                                </li>
                                <li>
                                    新机待出库
                                    <span>| 2000</span>
                                </li>
                                <li>
                                    已送达未安装
                                    <span>| 16</span>
                                </li>


                            </ul>
                        </div>
                    </div>
                    <div class="flnoright width20">
                        <div class="height70 bgcolorfa">
                            <div class="color999">待循环</div>
                            <div>
                                <i>500</i>台</div>
                        </div>
                        <div class="bortopright">
                            <p>拆机在途 (1000)</p>
                            <ul class="waiting_one active_height">
                                <li>
                                    待拆机
                                    <span>| 20</span>
                                </li>
                                <li>
                                    拆机中石化未回
                                    <span>|20</span>
                                </li>
                                <li>
                                    代表已拆机
                                    <span>| 16</span>
                                </li>
                                <li>
                                    已送达未入库
                                    <span>| 10</span>
                                </li>
                            </ul>
                            <p>平台库存 (1000)</p>
                            <ul class="waiting_two active_height">
                                <li>
                                    待翻新
                                    <span>| 60</span>
                                </li>
                                <li>
                                    翻新机待出库
                                    <span>| 0</span>
                                </li>
                                <li>
                                    新机待出库
                                    <span>| 20</span>
                                </li>
                            </ul>
                            <p class="wuli">库存在途 (1000)</p>
                            <ul class="waiting_three active_height">
                                <li>
                                    调拨物流在途
                                    <span>| 16</span>
                                </li>

                            </ul>
                        </div>
                    </div>
                    <div class="flnoright width20">
                        <div class="height70 bgcolord7d7">
                            <div class="color999">DIV</div>
                            <div>
                                <i>500</i>台</div>
                        </div>
                        <div class="bortopright">
                            <p>DIV库存 (1000)</p>
                            <ul class="div_one active_height">
                                <li>
                                    DIV待退货
                                    <span>| 0</span>
                                </li>
                                <li>
                                    DIV待报废
                                    <span>| 20</span>
                                </li>
                            </ul>
                            <p>换机状态 (1000)</p>
                            <ul class="div_two active_height">
                                <li>
                                    待拆机
                                    <span>| 16</span>
                                </li>
                                <li>
                                    代表已拆机
                                    <span>| 10</span>
                                </li>
                                <li>
                                    拆机物流在途
                                    <span>| 60</span>
                                </li>
                                <li>
                                    已送达未入库
                                    <span>| 0</span>
                                </li>

                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="inventorymachine mar15 clearfix ">
            <div class="invent_left flnoright machinetoall">
                <div class="machineinnver ftbold textcenter">库存机器 &nbsp; 800台</div>
                <div class="clearfix">
                    <div class="terrace flnoright ">
                        <div class="bgcolorfa marleft20 ftbold textcenter">平台机器 (500台)</div>
                        <div class="clearfix left_list">
                            <div class="flnoright">
                                <div class="textright colorblue ftbold">
                                    新机待出库 | 60
                                </div>
                                <div></div>
                                <div></div>
                                <div></div>
                                <div></div>
                            </div>
                            <div class="flnoright">
                                <div class="textright">
                                    待翻新 | 60
                                </div>
                                <div>翻新机待出库 | 70</div>
                                <div>待报废 | 100</div>
                                <div></div>
                            </div>
                        </div>
                    </div>
                    <div class="DIV flnoright ">
                        <div class="bgcolord7d7 ftbold ">DIV机器 (300台)</div>
                        <div>DIV待退货 | 50</div>
                        <div>DIV待报废 | 50</div>
                        <div>DIV新机 | 80</div>
                        <div></div>
                        <div></div>
                    </div>
                </div>
            </div>

            <!-- 在途机器 -->
            <div class="invent_left fr machinetoall">
                <div class="machineinnver ftbold textcenter">在途机器 &nbsp; 600台</div>
                <div class="clearfix">
                    <div class="terrace flnoright ">
                        <div class="bgcolorfa marleft20 ftbold textcenter">平台机器 (400台)</div>
                        <div class="clearfix left_list">
                            <div class="flnoright">
                                <div class="textright colorblue ftbold">
                                    新机未收货 | 60
                                </div>
                                <div class="textright colorblue ftbold">
                                    装机物流在途 | 60
                                </div>
                                <div class="textright colorblue ftbold">
                                    已送达未安装 | 60
                                </div>
                                <div class="textright colorblue ftbold">
                                    已安装未收费 | 90
                                </div>
                                <div class="textright colorblue ftbold">

                                </div>
                            </div>
                            <div class="flnoright">
                                <div class="textright">
                                    待拆机 | 60
                                </div>
                                <div>代表已拆机 | 70</div>
                                <div>拆机物流在途 | 80</div>
                                <div>已送达未入库 | 100</div>
                                <div>调拨物流在途 | 10</div>
                            </div>
                        </div>
                    </div>
                    <div class="DIV flnoright ">
                        <div class="bgcolord7d7 ftbold ">DIV机器 (200台)</div>
                        <div>待拆机 | 50</div>
                        <div>代表已拆机 | 50</div>
                        <div>拆机物流在途 | 90</div>
                        <div>已送达未入库 | 100</div>
                        <div>调拨物流在途 | 30</div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <script src="js/install.js"></script>
    <script src="js/configAssetPie.js"></script>
</body>
</html>